<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" href="pages/basic/css/cusContactsMng.css" />

<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">客户管理</span> <i
					class="icon-angle-right"></i>
				</li>
				<li><a class="c-666" onclick="util.showContent('pages/basic/cusContactsMng.jsp')">客户人员管理</a></li>
			</ul>
		</div>
	</div>
	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="contact_search_form">
			<table class="search-body" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td>
						<label class="my-label">姓名：
							<input id="id_empName" class="my-input" type="text" />
							<input style="display:none" />
						</label>
						<label class="my-label">所属客户：
							<select id="id_ownerComp" class="my-select" >
								<option value=""></option>
							</select>
						</label>
						<label class="my-label">所属厂区：
							<select id="id_ownerFactory" class="my-select">
								<option value=""></option>
							</select>
						</label>
					</td>
				</tr>
			</table>
		</form>
		<ul class="search-button">
			<li><button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button></li>
			<li><button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button></li>
		</ul>
	</div>
	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button id="emp_add" type="button" class="btn blue hide"
						data-toggle="modal">新&nbsp;&nbsp;增</button>
					<button id="emp_edit" type="button" class="btn green hide"
						data-toggle="modal">编&nbsp;&nbsp;辑</button>
					<button id="emp_delete" type="button" class="btn red hide">删&nbsp;&nbsp;除</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-bordered table-striped table-hover"
					id="cus_contacts_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;"><input
								type="checkbox" class="group-checkable"
								data-set="#cus_contacts_table .checkboxes" />
							</th>
							<th class="twoMinWidth">姓名</th>
							<th class="twoMinWidth">性别</th>
							<th class="twoMinWidth">职务</th>
							<th class="twoMinWidth">电话</th>
							<th class="twoMinWidth">邮箱</th>
							<th class="fourMinWidth">所属客户</th>
							<th class="fourMinWidth">上级单位</th>
							<th class="fourMinWidth">所属厂区</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<jsp:include page="/pages/common/modal.jsp"></jsp:include>
<div id="add_contact" class="modal hide fade" tabindex="-1"
	data-focus-on="input:first">
	<div class="modal-header add-customer-header bg-green c-bold c-fff" id="addContact_title">
		新增客户联系人
	</div>
	<div class="modal-body add-factory-body">
		<form id="contact_form">
			<input type="hidden" id="form_contactId" name="pkId" />
			<table class="table">
				<tr>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>姓名：</span><input
						type="text" id="form_empName" name="empName" maxlength="32" />
					</td>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>性别：</span> <select
						id="form_sex" name="sex">
					</select></td>
				</tr>
				<tr>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>职务：</span><input
						type="text" id="form_job" name="job" maxlength="32" />
					</td>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>电话：</span><input
						type="text" id="form_phone" name="phone" />
					</td>
				</tr>
				<tr>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>邮件：</span><input
						type="text" id="form_email" name="email" maxlength="100" />
					</td>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>所属客户：</span>
						<select id="form_ownerComp" name="ownerComp">
							<option value="">请选择</option>
						</select>
					</td>
				</tr>
				<tr>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>所属厂区：</span> 
						<select id="form_ownerFactory" name="ownerFactory">
							<option value="">请选择</option>
						</select>
					</td>
					<td><span class="al-right">上级单位：</span>
						<input type="text" id="form_parentCus" name="parentCus" disabled="disabled" />
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div class="modal-footer al-center bg-fff">
		<button type="button" data-dismiss="modal" class="btn green"
			style="margin-right: 25px;" id="form_contact_save">保存</button>
		<button type="button" data-dismiss="modal" class="btn red"
			id="form_btn_close">取消</button>
	</div>
</div>
<script type="text/javascript" src="pages/basic/js/cusContactsMng.js"></script>
<script type="text/javascript"
	src="script/jquery/js/jquery.cityselect.js"></script>
<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		cusContactsTable.init();
	});
</script>
